<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>
<body>
    <link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/web.css">
</head>

<body>
<div class="box" >
	<ul  id="img">
		<li>
			<a href="#">
				<img src="../2.jpg" alt="">
				<p>瓦尔基里.斯露德</p>
			</a>
		</li>
		<li>
			<a href="#">
				<img src="../3.jpg" alt="">
				<p>瓦尔基里.希露德</p>
			</a>
		</li>
		<li>
			<a href="#">
				<img src="../4.jpg" alt="">
				<p>瓦尔基里.奥特琳德</p>
			</a>
		</li>
		<li>
			<a href="#">
				<img src="../5.jpg" alt="">
				<p>大团结</p>
			</a>
		</li>
	</ul>
	<div class="box2" id="fangkuai">
		<a href="javascript:void(0)" index="0"  class="first"></a>
		<a href="javascript:void(0)" index="1"></a>
		<a href="javascript:void(0)" index="2"></a>
		<a href="javascript:void(0)" index="3"></a>
	</div>
</div>
<script src="js/web.js"></script>
</body>
</html>